@import "../../../../../@base/scss/base";
table {
    width: 100%;
    border-spacing: 0;
}
th, td
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    align-items: center;
    box-sizing: border-box;
    text-align:left;
}
.display-contents {
    display: contents;
}
permissions-permit {

    #permit {

        .top-bg {

            @include media-breakpoint('lt-md') {
                height: 256px;
            }
        }

        > .center {

            > .header {

                .search-wrapper {
                    width: 100%;
                    max-width: 480px;
                    border-radius: 28px;
                    overflow: hidden;
                    @include mat-elevation(1);

                    @include media-breakpoint('xs') {
                        width: 100%;
                    }

                    .search {
                        width: 100%;
                        height: 48px;
                        line-height: 48px;
                        padding: 0 18px;

                        input {
                            width: 100%;
                            height: 48px;
                            min-height: 48px;
                            max-height: 48px;
                            padding: 0 16px;
                            border: none;
                            outline: none;
                        }
                    }
                }

                @include media-breakpoint('lt-md') {
                    padding: 8px 0;
                    height: 192px !important;
                    min-height: 192px !important;
                    max-height: 192px !important;
                }
            }
        }
    }

    .permit-table {
        table, tr, td{
            flex: 1 1 auto;
            border-bottom: 1px solid rgba(0, 0, 0, .12);
            overflow: auto;
            -webkit-overflow-scrolling: touch;

            .mat-header-row {
                min-height: 64px;
            }

            tr {
                position: relative;
                cursor: pointer;
                height: 84px;
                border-bottom-color:rgba(0, 0, 0, 0.12);
            }

            .mat-cell {
                min-width: 0;
                display: flex;
                align-items: center;
            }

            .mat-column-id {
                flex: 0 1 84px;
            }

            .mat-column-image {
                flex: 0 1 84px;

                .product-image {
                    width: 52px;
                    height: 52px;
                    border: 1px solid rgba(0, 0, 0, .12);
                }
            }

            .mat-column-category {
                flex: 0 1 240px;
            }

            .mat-column-price {
                flex: 0 1 160px;
            }

            .mat-column-quantity {
                flex: 0 1 160px;
            }

            .mat-column-active {
                flex: 0 1 80px;
            }

            .quantity-indicator {
                display: inline-block;
                vertical-align: middle;
                width: 8px;
                height: 8px;
                border-radius: 4px;
                margin-right: 8px;

                & + span {
                    display: inline-block;
                    vertical-align: middle;
                }
            }

            .active-icon {
                border-radius: 50%;
            }
        }
    }
}
